/*
除去导航栏之外的区域
*/
.main-content {
  width: 100%;
  height: calc(100vh - $blog-nav-height);

}

@media screen and (min-width: 800px) {
  .header-nav-menus {
    .menus_item {

    }

    .fold_item {
      display: none;
    }
  }
}


@media screen and (max-width: 800px) {
  .header-nav {
    padding: 0 10px;
  }
  .header-nav-menus {
    .menus_item_dynamic {
      display: none;
    }
  }
}


/*展示 md 文档区域*/
/* ol li 前序号展示*/
ol.custom-list {
  list-style-type: decimal; /* 使用数字编号 */
  li.custom-list-item {
    list-style-type: decimal; /* 使用数字编号 */
    margin-left: -1em;
  }

  li.custom-list-item::marker {
    // 使用数字
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    color: $blog-primary;
  }
}


/*卡片风格*/
.box-shadow-card {
  --devui-shadow-length-base: 0 2px 6px 0;
  border-radius: 8px;
  position: relative;
  display: block;
  background-color: var(--blog-background-card-color);
  box-shadow: var(--devui-shadow-length-base, 0 2px 6px 0) var(--devui-light-shadow, rgba(37, 43, 58, .12));
  transition: box-shadow var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)), transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1));
}

/*只能展示一行*/
.ellipsis-one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/**
 * 博客版心
 */
.blog-container {
  max-width: 1160px;
  padding-top: $blog-nav-height !important;
  margin: 0 auto;
}


/**
 * 鼠标移入 link 展示
 */
.generic-link {
  cursor: pointer;
  &:hover {
    color: $blog-link-color;
  }
}

:root {
  --lightGray: #DDDDDD;
  /* 主题背景 */
  --themeBackground: orange;

  --red: red;
}
